<html>
<head>
    <meta charset="utf-8" >
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no" />
    <meta name="msapplication-tap-highlight" content="no" />
    <title>战绩查询</title>

    <!-- <script type="text/javascript" src="<{.cdn_domain}>files/js/fastclick.js"></script> -->

    <link rel="stylesheet" type="text/css" href="http://faxm.13w.top:2092/xxds/files/css/review_dpj.css?v=2019042121">

<script type="text/javascript" src="http://faxm.13w.top:2092/xxds/files/js/jquery-1.9.1.min.js"></script>
<script src="/xds/config.js" charset="utf-8"></script>
<script>
	var gameType=1;
	 var hallUrl= window.location.href;
	 var hall= "xds";
	 var hallKey= "";
	let token =localStorage.getItem('token');
	var wx_ip = "127.1.1.1";
	var wx_port = "200";
	console.log("token :"+token);
	var userInfo = {
		id:0,
		cards: "0",
		nickname: "",
		headimgurl: "",
		individuality: "",
		is_opengroup: 0,
		tel: "",
		token: "",
	};


	var globalData = {
	    "baseUrl": domain,
		"fileUrl": "http://faxm.13w.top:2092/xxds/",
		"scoreInfo": "",
		"roomNumber":"",
		"accountId":userInfo.id.toString(),
		"roomUrl":"",
		"gameType":"",
        "hallName": "悠悠",
	};
</script>
    <script src="http://faxm.13w.top:2092/xxds/common.js" charset="utf-8"></script>
<script>
    var baseUrl= "http://" + window.location.host+"/"+hallKey+".html";
</script>
<script>
	var roomUrl="http://" + window.location.host+globalData.roomUrl;
</script>
    <script type="text/javascript">

        // window.addEventListener('load', function() {
        //     FastClick.attach(document.body);
        // }, false);
        // var per = window.innerWidth / 530;

        globalData.wid = "123"; globalData.tt = "MzU0ZVZaRTBCYTVRcWNyMDl4MkE4blNBb1J4V1h4TWphRm56QnM1a0lzRUZaWm9WdlthXWc=";

        var configData = {
             "appId":"wx6515f0788fe58bd1",
                                               "timestamp":"1606487545",
                                               "nonceStr":"20c9601e735b3f63c9ded74ef72571aa",
                                               "signature":"7ab3b6b020ec25208bfdf8315a2e5675d6e9ae5c",
        };
        document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
            // 通过下面这个API隐藏右上角按钮
            WeixinJSBridge.call('hideOptionMenu');
        });
        //#291c4d

    </script>


</head>

<body style="background-color: #0e0226">

<div id="loading" style="position: fixed;width:100%;height:100%;top:0;left:0;background: #000" >
    <img src="http://faxm.13w.top:2092/xxds/files/images/common/loading.gif" style="top: 40%;position: absolute;left: 50%;margin-left: -45px;margin-top: -45px;" />
</div>

<div class="main" id="app-main" style="position: relative; width: 100%;margin: 0 auto; background: #0e0226; display: none;">
    <div style="margin-top: 4vw;width: 100%;background-color: #291c4d;font-size: 2.5vh;text-align: center;color:#00ff33;padding: 10px 0 10px 0;">
        {{ruleStartTime}} 至 {{ruleEndTime}}
    </div>

    <div style="width: 100%;margin-top: 10px;padding: 10px 0 10px 0;background-color: #291c4d;font-size: 2.2vh;text-align: center;color: orange;">
        {{ruleText}}
    </div>

    <div  style="width: 100%;overflow: auto;text-align: center;color: white;overflow:hidden;" >
        <div v-for="item in gameScoreList" style="position: relative;width: 100%;height: 14vw;background-color: #291c4d;text-align: center;margin-top: 0.3vh;color: white;overflow:hidden;">
            <div>
                <img v-bind:src="item.avatar" style="position: absolute;top:1vw;left:1vw;width:12vw;height:12vw;border-radius:3px">
            </div>

            <div  style="position: absolute;left: 15vw;width: 55vw;height: 14vw;text-align: left;">
                <div style="height: 9vw;line-height: 12vw;font-size: 2.2vh;">{{item.name}}</div>
                <div style="height: 5vw; line-height: 6vw; font-size: 1.8vh;color: rgb(150,180,80);" >ID:{{item.code}}</div>
            </div>

            <div style="position: absolute;right: 5vw;height: 14vw;line-height: 14vw;font-size: 2.5vh;text-align: left;color: orange;">
                <span style="font-size: 3vh">{{item.score}}</span>
            </div>

        </div>
    </div>

    <a  v-bind:href="roomUrl" v-bind:style="'margin-top:5px;text-decoration:none;color: #fff;display:block;height: 50px;line-height: 50px;text-align: center;background: orange;width: 100%'">
        查看战绩图
    </a>

    <div  v-bind:style="'top: '+(61+14*gameScoreList.length)+'vw;left: 0;width: 100%;overflow: auto;'" >
        <div class="f-cb" v-for="item in gameDetailList" v-bind:style="'position: relative;width: 100%;background-color: #291c4d;text-align: center;margin-top: 0.3vh;color: white;overflow:hidden;'">

            <div style="position: relative;width: 100%;height: 8vw;line-height: 12vw; font-size: 2vh;text-align: center;color: white;">
                {{item.gnum}}/{{item.tnum}}局
            </div>
            <div style="position: relative;width: 100%;height: 10vw;background-color: #291c4d;font-size: 2vh;line-height: 10vw;text-align: center;color: orange;">
                <div style="position: absolute;left: 0vw;width: 28vw">
                    昵称
                </div>
                <div style="position: absolute;left: 28vw;width: 36vw;">
                    牌型
                </div>
                <div style="position: absolute;left: 64vw;width: 13vw;">
                    倍数
                </div>
                <div style="position: absolute;left: 77vw;width: 19vw;">
                    分数
                </div>
            </div>

            <div  v-bind:style="'position: relative;width: 100%;overflow: auto;'" >
                <div v-for="row in item.detail" style="position: relative;width: 100%;height: 19vw;line-height: 12vw;background-color: #291c4d;text-align: center;color: white;overflow:hidden;margin-bottom: 0.3rem;">
                    <div style="position: absolute;left: 0vw;width: 28vw;height: 18vw;line-height: 18vw;font-size: 2vh;text-align: center;">
                        <img v-if="row.is_banker==1" src="http://faxm.13w.top:2092/xxds/files/images/common/banker_icon.png" style="position: relative;top:1vw;left:1vw;margin-right:0.1rem;width:4vw;height:4vw;">
                        {{row.name}}
                    </div>

                    <div v-if="row.is_join==1">
                        <div style="position: absolute;left: 28vw;width: 36vw;height: 18vw;line-height: 12vw;text-align: left;font-size: 1.8vh;">
                            <span style="display: block;position: relative;text-align: center;line-height: 1rem;color: rgb(150, 180, 80);">{{row.card_type_str1}}/{{row.card_type_str2}}</span>

                            <div class="cardOver" style="position: relative; width: 100%; height: 100%; overflow:hidden;">
                                <div class="cards41 cards card41" style="z-index: 11">
                                    <div class="face back" v-bind:class="'card' + row.cards[0]"></div>
                                </div>
                                <div class="cards31 cards card31" style="z-index: 10">
                                    <div class="face back" v-bind:class="'card' + row.cards[1]"></div>
                                </div>
                                <div class="cards21 cards card21" style="z-index: 11">
                                    <div class="face back" v-bind:class="'card' + row.cards[2]"></div>
                                </div>
                                <div class="cards11 cards card11" style="z-index: 10">
                                    <div class="face back" v-bind:class="'card' + row.cards[3]"></div>
                                </div>
                            </div>
                        </div>

                        <div style="position: absolute;left: 64vw;width: 13vw;height: 18vw;line-height: 18vw;font-size: 0.9rem;text-align: center;">
                            <span style="color: rgb(240,120,50);">{{row.multiple}}倍</span>
                        </div>
                        <div style="position: absolute;left: 77vw;width: 19vw;height: 18vw;line-height: 18vw;font-size: 2.5vh;text-align: center;">
                            <span style="color: rgb(240,120,50);">{{row.score}}</span>
                        </div>
                    </div>
                    <div v-if="row.is_join==0" style="font-size: 2vh; color: rgb(150,180,80);">本局未参战</div>
                </div>
            </div>

        </div>

    </div>

</div>

</body>

<script type="text/javascript" src="http://faxm.13w.top:2092/xxds/files/js/jquery-1.9.1.min.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js" ></script>
<script type="text/javascript" src="http://faxm.13w.top:2092/xxds/files/js/vue.min.js" ></script>
<script type="text/javascript" src="http://faxm.13w.top:2092/xxds/files/js/vue-resource.min.js" ></script>
<script type="text/javascript" src="http://faxm.13w.top:2092/xxds/files/js/review_dpj.js"></script>
<script>
    $(document).on('click', 'img', function(e){
        e.preventDefault();
    })
</script>

<script>
    function fix_font() {
        var u = navigator.userAgent, app = navigator.appVersion;
        var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g
        var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
        if (isAndroid) {
            //这个是安卓操作系统
            $('.card41').addClass('card42');
            $('.card31').addClass('card32');
            $('.card21').addClass('card22');
            $('.card11').addClass('card12');
        }
        if (isIOS) {
            //这个是ios操作系统
            $('.card41').addClass('card41');
            $('.card31').addClass('card31');
            $('.card21').addClass('card21');
            $('.card11').addClass('card11');
        }
    }
    fix_font()
</script>
</html>